<div class="pro">
				<div id="demo" style="overflow: hidden; width:570px; height:116px;align: center" >
					<table cellpadding="0" align="left" border="0" cellspace="0">
					   	<tbody>
						<tr>
							<td id="marquePic1" valign="top">
								<table cellspacing="0" cellpadding="0" width="1000"  border="0">
									<tr>
									<!--{jam:loop $tag $k $t}-->
										<td ><a href="{jam:$t['url']}" target="_blank"><img src="{jam:SITEURL}/attachments{jam:$t['img']}" /></a></td>
									<!--{jam:/loop}-->
									</tr>
								</table>
							</td>
							<td id="marquePic2" valign="top"></td>
						</tr>
						</tbody>
					</table>
				</div>
  <script type=text/javascript> 
var speed=30 
marquePic2.innerHTML=marquePic1.innerHTML 
function Marquee(){ 
if(demo.scrollLeft>=marquePic1.scrollWidth){ 
demo.scrollLeft=0 
}else{ 
demo.scrollLeft++ 
}} 
var MyMar=setInterval(Marquee,speed) 
demo.onmouseover=function() {clearInterval(MyMar)} 
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} 
  </script>